<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <title>TODO supply a title</title>
        <ui:include src="master/library.xhtml"></ui:include>
    </head>
    <body>
        <!--==============================header=================================-->
        <ui:include src="master/header.xhtml"></ui:include>
        <!--===========================content================================-->

        <div id="content">
            <div class="p102">
                <div class="container_12">
                    <div class="grid_8">
                        <h3>our <br/><span>blog</span></h3>
                        <article class="article">
                            <div class="time">
                                <time datetime="2014-01-01">29<span>may</span></time>
                                <div class="pl_2">
                                    <h6><a href="#">Game</a></h6>
                                    <h5>Posted by admin</h5>
                                    <span style="text-align:right;float: right;">
                                        Start:2014/09/09 00:00:00<br/>
                                        End:  2014/09/09 00:00:00
                                    </span>
                                </div>
                            </div>
                            <div class="left_event_details"><img src="images/page4_img1.jpg" alt=""/></div>
                            <div class="right_event_details">
                                <p>
                                    More 
                                    1–50 of 186   
                                    Conversations
                                    Primary
                                    SocialPromotions
                                    Not starred	
                                    Bui, Mạnh (2)
                                    HR - Thăm Bố của an
                                    Phạm Thị Kim Huệ (via Go.
                                    Danh sách member tham dự lễ cưới Huệ PTK (internship@vnext.vn)
                                    - I've shared an item with you. Danh sách member tham dự lễ cưới Huệ PTK Google Sheets: Create andSep 3
                                    Not starred Anh có việc quan trọng phải làm trong sáng
                                    HR - SonNB xin nghỉ phép - Dear quyền. 
                                    nay, khoảng đến 10h mới xong nhưng vì ở khá xa Sep 3
                                    Not starred Bui, Trinh (2)
                                    HR - Policy nghỉ Lễ Quốc Khánh 2/9/2014 
                                    - Chúc cả nhà có những ngày nghỉ thật vui và hạnh phúc nhé! Mềnh dzề đây ;)) 2014-08-25 10:43 GMT+07:00
                                    Attachment	Aug 29
                                    Not </p>

                            </div>
                        </article>

                        <div class="main-wrap">
                            <div class="main wrap cf">
                                <div class="row">
                                    <div class="col-8 main-content">
                                        <div class="comments">
                                            <div id="comments">
                                                <div class="comm-event"><i class="fa fa-comments"></i><a href="#">3</a> comments</div>
                                                <ol class="comments-list">
                                                    <li class="comment byuser comment-author-thanghv even thread-even depth-1" id="li-comment-4">
                                                        <article id="comment-4" class="comment">
                                                            <div class="comment-avatar">
                                                                <img alt='' src='http://0.gravatar.com/avatar/c23bd02ecd2d278d0f25b52a2802453c?s=40&amp;d=wavatar&amp;r=G' class='avatar avatar-40 photo' height='40' width='40' />
                                                            </div>
                                                            <div class="comment-meta">					
                                                                <span class="comment-author">thanghv</span> on 
                                                                <a href="http://blog.vnext.vn/tro-choi-nho-bai-hoc-lon/#comment-4" class="comment-time" title="06/07/2014 at 1:52 pm">
                                                                    <p datetime="2014-06-07T13:52:01+00:00">06/07/2014 1:52 pm</p>
                                                                </a>
                                                            </div> <!-- .comment-meta -->
                                                            <div class="comment-content">
                                                                <p>Cô Thiều viết hay quá nhỉ ;))</p>
                                                                <div class="reply" onclick="show()">
                                                                    <a class='comment-reply-link' href='/tro-choi-nho-bai-hoc-lon/?replytocom=4#respond' onclick='return addComment.moveForm("comment-4", "4", "respond", "107")'>
                                                                        Reply 
                                                                        <i class="fa fa-angle-right"></i>
                                                                    </a>							
                                                                </div><!-- .reply -->
                                                            </div>
                                                        </article><!-- #comment-N -->
                                                    </li><!-- #comment-## -->

                                                </ol>
                                                <!--                                                <div id="respond" class="comment-respond">
                                                                                                    <h3 id="reply-title" class="comment-reply-title"></h3>
                                                                                                    <form action="" method="post" id="commentform" class="comment-form">
                                                                                                        <a onclick="hide()">hide comment</a>
                                                                                                        <p class="logged-in-as">Logged in as <a href="">tiepnv</a>. <a href="">Log out?</a></p>																			
                                                                                                        <p>
                                                                                                            <textarea name="comment" id="comment" cols="45" rows="8" aria-required="true" placeholder="Your Comment"></textarea>
                                                                                                        </p>												<p class="form-submit">
                                                                                                            <input name="submit" type="submit" id="comment-submit" value="Post Comment" />
                                                                                                            <input type='hidden' name='comment_post_ID' value='107' id='comment_post_ID' />
                                                                                                            <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
                                                                                                        </p>
                                                                                                    </form>
                                                                                                </div>-->

                                            </div>
                                        </div>


                                    </div>



                                </div> 
                            </div> 


                        </div> 

                        <script type='text/javascript' src='http://blog.vnext.vn/wp-includes/js/comment-reply.min.js?ver=3.9.1'></script>


                        <div class="grid_4">
                            <h3 id="reply-title" class="comment-reply-title"><span class="section-head">Leave A Reply</span> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/tro-choi-nho-bai-hoc-lon/#respond" style="display: none;">Cancel Reply</a></small></h3>
                            <form id="event-details-form" name="event-details-form" method="post" action="" enctype="">
                                <fieldset>
                                    <label class="message"><textarea id="event-details-form:txtMessage" name="event-details-form:txtMessage" placeholder="Your comment"></textarea>
                                    </label>

                                    <div><input id="contact-form:btnReset" name="contact-form:btnReset" value="Reset" class="link btns" type="reset"/>
                                        <input id="contact-form:btnSend" type="submit" name="contact-form:btnSend" value="Post" class="link btns"/>
                                    </div>
                                </fieldset> 

                            </form> 
                        </div>                                
                    </div>
                    <div class="grid_4">
                        <h3>categories</h3>
                        <ul class="list mt2">
                            <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut perspiciatis unde </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>omnis iste natus error sit </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>voluptatem accusantium </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>doloremque laudantium totam </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>rem aperiam eaque ipsa quae ab </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>illo inventore veritatis et quasi</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>architecto beatae vitae dicta </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>sunt explicabo Nemo enim ipsam </a></li>
                        </ul>
                        <h3>ARCHIVES</h3>
                        <ul class="list">
                            <li><a href="#"><i class="fa fa-angle-right"></i>may 2014</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>april 2014</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>march</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>february</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>january 2014</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>december 2013</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>november 2013</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>october 2013</a></li>
                        </ul>
                    </div>
                </div>
            </div>       
        </div>
        <script>
                                                                        function hide() {
                                                                            $('#respond').hide();
                                                                        }
                                                                        ;
                                                                        function show() {
                                                                            $('#respond').show();
                                                                        }
        </script>
        <!--==============================footer=================================-->
        <ui:include src="master/footer.xhtml"></ui:include>
    </body>
</html>
